:global {
  // .ant-message {
  //   font-size: 20px;
  // }
}

.loginInput {
  width: 100%;

  .icon {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
  }

  :global {
    .ant-form-item {
      width: 368px;
      margin: 0 auto;
      margin-bottom: 33px;
    }

    .ant-input-affix-wrapper {
      height: 40px;
    }

    .ant-form-explain {
      position: absolute;
      top: -20px;
      left: 24px;
    }
  }

  .email {
    width: 368px;
    margin-top: 20px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 33px;
    align-items: center;
    position: relative;

    .iconWrap {
      display: flex;
      align-items: center;
    }

    :global {
      .ant-form-item {
        margin: 0;
        width: 263px;
      }

      .has-error .ant-form-explain,
      .has-error .ant-form-split {
        position: absolute;
        top: -20px;
      }
    }

    .tipText {
      position: absolute;
      top: -22px;
      left: 60px;
      color: rgb(245, 34, 45);
    }
  }
}

.loginButton {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;

  .button {
    width: 368px;
    height: 40px;
    font-size: 20px;
  }

  :global {
    .ant-form-item {
      margin: 0px;
    }

    .ant-col-offset-5 {
      margin: 0;
    }
  }
}
